import React, { memo } from 'react'

import LJTopBanner from './c-cpns/top-banner'
import LJHotRecommend from './c-cpns/hot-recommend'
import LJNewAblum from './c-cpns/new-album'
import LJRecommendRanking from './c-cpns/recommend-ranking'
import LJUserLogin from './c-cpns/user-login'
import LJHotRadio from './c-cpns/hot-radio'
import LJSettleSinger from './c-cpns/settle-singer'
import {
    RecommendWrapper,
    Content,
    RecommendLeft,
    RecommendRight
} from "./style"

export default memo(function LJRecommend(props) {
    return (
        <RecommendWrapper>
            <LJTopBanner/>
            <Content className="wrap-v2">
                <RecommendLeft>
                    <LJHotRecommend/>
                    <LJNewAblum/>
                    <LJRecommendRanking/>
                </RecommendLeft>
                <RecommendRight>
                    <LJUserLogin/>
                    <LJSettleSinger/>
                    <LJHotRadio/>
                </RecommendRight>
            </Content>
        </RecommendWrapper>
    )
})
